<template>
  <view class="container">
    <navbar :config="config" backColor="#fff"></navbar>

    <!--已付款，待发货！-->
    <!-- <view class="account-paid u-text-center u-border-one-one u-bg-fff">
			<image src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/succeed.png"></image>
			<view class="u-font36 u-1A1A1A u-mt30">已付款，待发货！</view>
		</view> -->

    <view class="top-state u-font24 u-00321E container-bg">
      <!--待付款-->
      <view class="obligation" v-if="payment_status == 0">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">{{ close_mode == 0 ? '待付款' : '订单已关闭' }}</view>
            <view class="u-flex u-font26" v-if="close_mode == 0">
              请在
              <uni-countdown class="uni-countdown-class" :backgroundColor="'none'" :color="'#FF721B'"
                :splitorColor="'#FF721B'" :show-day="time2[0] > 0" :day="time2[0]" :hour="time2[1]" :minute="time2[2]"
                :second="time2[3]"></uni-countdown>
              内完成支付，超时订单将自动关闭
            </view>
            <view class="u-flex u-font22" v-if="close_mode == 1">原因：主动取消</view>
            <view class="u-flex u-font22" v-if="close_mode == 2">原因：商家撤销关闭</view>
            <view class="u-flex u-font22" v-if="close_mode == 3">原因：支付过期关闭</view>
          </view>
        </view>
      </view>
      <!-- 待成团 -->
      <view class="refund-underway obligation" v-if="(status == 0 || status == 1) && payment_status > 0">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-flex-center-sb">
              <view class="u-font32 u-bold" style="margin-bottom: 5px;">待成团</view>
              <view class="u-font26 u-flex-center-sb">
                <uni-countdown :backgroundColor="'none'" :color="'#FF721B'" :splitorColor="'#FF721B'"
                  :show-day="time1[0] > 0" :day="time1[0]" :hour="time1[1]" :minute="time1[2]" :second="time1[3]">
                </uni-countdown>
                <view>结束拼团</view>
              </view>
            </view>
            <view class="u-flex u-font26">
              还差
              <text class="u-FF721B">{{ groupNumber }}</text>
              人拼团成功
            </view>
          </view>
        </view>
      </view>
      <!-- 建团失败 -->
      <view class="refund-underway obligation" v-if="status == 3">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">拼团失败</view>
            <view class="u-flex u-font26">失败原因：店长未支付</view>
          </view>
        </view>
      </view>
      <!-- 建团失败 -->
      <view class="refund-underway obligation" v-if="status == 4 && payment_status == -2">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">拼团失败，已退款</view>
            <view class="u-flex u-font26">退款金额24小时原路退回您的支付账户</view>
          </view>
        </view>
      </view>
      <!--等待商家发货-->
      <view class="refund-underway obligation" v-if="status == 2 && payment_status == 1">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">待发货</view>
            <view class="u-flex u-font26">您的订单已经支付完成，正在等待发货</view>
          </view>
        </view>
      </view>

      <!--商家已发货-->
      <view class="refund-underway obligation" v-if="status == 2 && payment_status == 2">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">待收货</view>
            <view class="u-flex u-font26">
              您的快递待收货
              <text v-if="receipt_expire_time > 0">，还剩{{ $mUtil.patTime(receipt_expire_time) }}自动确认</text>
            </view>
          </view>
        </view>
      </view>

      <!--等待确认提货-->
      <view class="refund-underway obligation" v-if="status == 2 && payment_status == 3">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">待提货</view>
            <view class="u-flex u-font26">
              您的商品可自提
              <text v-if="receipt_expire_time > 0">，还剩{{ $mUtil.patTime(receipt_expire_time) }}过期</text>
            </view>
          </view>
        </view>
      </view>
      <!--交易成功-->
      <!-- <view class="refund-underway" v-if="payment_status==4">
				<view class="u-font32 u-bold">交易成功</view>
			</view> -->
      <view class="obligation" v-if="status == 2 && payment_status == 4 && !end">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">待评价</view>
            <view class="u-flex u-font26">您的订单已签收，请评价一下商品，剩{{ $mUtil.patTime(last_comment_time) }}自动评价</view>
          </view>
        </view>
      </view>
      <!--待评价-->
      <view class="refund-underway obligation" v-if="status == 2 && payment_status == 4 && end">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + imgUrl"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">已完成</view>
            <view class="u-flex u-font26">您的订单已完成，祝你购物愉快</view>
          </view>
        </view>
      </view>
      <view class="refund-underway obligation" v-if="status == 2 && payment_status == 5">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font28" style="margin-bottom: 5px;">已完成</view>
            <view class="u-flex u-font26">您的订单已完成，祝你购物愉快</view>
          </view>
        </view>
      </view>
      <view class="refund-underway obligation" v-if="status == 2 && payment_status == -1">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">退款中</view>
            <view class="u-flex u-font26">您的订单在退款中</view>
          </view>
        </view>
      </view>

      <view class="refund-underway obligation" v-if="status == 2 && payment_status == -2">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">退款完成</view>
            <view class="u-flex u-font26">您的订单已完成退款，祝您生活愉快</view>
          </view>
        </view>
      </view>
      <view class="refund-underway obligation" v-if="status == 2 && payment_status == -3">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">退款退货维权中</view>
            <view class="u-flex u-font26">您的订单在退款退货维权中</view>
          </view>
        </view>
      </view>
      <view class="refund-underway obligation" v-if="status == 2 && payment_status == -4">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">退款退货完成</view>
            <view class="u-flex u-font26">您的订单已完成退款退货完成，祝您生活愉快</view>
          </view>
        </view>
      </view>
      <view class="refund-underway obligation" v-if="status == 4 && payment_status == 1">
        <view class="u-flex-center u-flex1">
          <image class="timeImg" :src="imgUrl + '/time.png'"></image>
          <view class="u-flex1">
            <view class="u-font32 u-bold" style="margin-bottom: 5px;">拼团失败,未退款</view>
            <view class="u-flex u-font26">您的订单拼团失败,未退款</view>
          </view>
        </view>
      </view>
	  <view v-if="address">
	    <ldAddress :value="address"></ldAddress>
	  </view>
	  <view v-else>
	    <view class="u-flex-column-center u-bg-fff" v-if="status == 2 && payment_status == 3">
	      <text class="u-font26 u-AAAAAA u-mt15">出示数字码向店长核销</text>
	      <view class="u-flex-center u-mt15">
	        <text class="u-font40 u-474747 u-bold"></text>
	        <text class="u-font28 u-AAAAAA u-ml20" @click="copy(pickCode)">复制</text>
	      </view>
	    </view>
	    <ldAddresszt :value="addresszt"></ldAddresszt>
	  </view>
    </view>
    
    <view class="pabox" v-if="orderListPay.length > 0" v-for="item in orderListPay" :key="item.id">
      <ldshop :shopStatus="shopStatus" :value="item.source_shop_name" :proxy="item.proxy"></ldshop>
      <view class="u-border-one-one u-mt20"></view>
      <view v-for="items in item.child_order_list" :key="items.id">
        <ldgoods :value="items"></ldgoods>
      </view>
      <view class="u-font28 u-474747 u-mt30 bg-fff">
        <view class="u-flex-center-sb u-border-one-one pt-pb25 pl-pr14">
          <view>商品金额</view>
          <view class="u-font3">¥ {{ item.original_goods_amount }}</view>
        </view>

        <view class="u-flex-center-sb u-border-one-one pt-pb25 pl-pr14">
          <view>运费+税费</view>
          <view class="u-font30">+{{ item.real_freight }}元</view>
        </view>
        <view class="u-flex-center-sb u-border-one-one pt-pb25 pl-pr14" v-if="item.first_order_reduced > 0">
          <view>
            首单优惠
            <text class="u-font24"></text>
          </view>
          <view class="u-font30">-¥ {{ item.first_order_reduced }}</view>
        </view>
        <view class="u-flex-center-sb u-border-one-one pt-pb25 pl-pr14">
          <view>拼团折扣</view>
          <view class="u-font30">-¥ {{ item.discount_amount }}</view>
        </view>
        <view class="u-flex-center-sb u-border-one-one pt-pb25 pl-pr8">
          <view class="u-flex-center-sb">消费补贴</view>

          <view class="u-AAAAAA u-font30">
            <!-- <text
              class="final_consumption_value">{{ $mUtil.isToFixed(final_consumption_value, 2) }}</text> 消费补贴 -->
              <rich-text :nodes="$mUtil.isToFixed(final_consumption_value, 2)"></rich-text>
          </view>
        </view>

        <view class="u-flex-center u-border-one-one pt-pb25 pl-pr14" style="justify-content: flex-end">
          <view class="">共{{ item.goods_number }}件商品，小计</view>
		  <!-- u-bold -->
          <view class="u-FF721B">
            <rich-text :nodes="$mUtil.priceBigSmall(item.total_amount)"></rich-text>
          </view>
        </view>
        <view class="u-flex-column-start pt-pb25 pl-pr14">
          <view>购买备注</view>
          <view class="boxTextarea">{{ item.user_remark ? item.user_remark : '无' }}</view>
        </view>
      </view>
    </view>

    <view class="pabox" v-if="orderList.length > 0">
      <ldshop :shopStatus="shopStatus" :value="source_shop_name"></ldshop>
      <view class="u-border-one-one u-mt20"></view>
      <view v-for="(item, index) in orderList" :key="item.id">
        <ldgoods :value="item" @parentevaluation="parentevaluation" :keys="index"></ldgoods>
      </view>
      <view class="u-font28 u-1A1A1A u-mt30 bg-fff">
        <view class="u-flex-center-sb u-border-one-one pt-pb25 pl-pr14">
          <view>商品金额</view>
          <view class="u-font3">¥ {{ original_goods_amount }}</view>
        </view>

        <view class="u-flex-center-sb u-border-one-one pt-pb25 pl-pr14">
          <view>运费+税费</view>
          <view class="u-font30">+{{ real_freight }}元</view>
        </view>

        <view class="u-flex-center-sb u-border-one-one pt-pb25 pl-pr14">
          <view>拼团折扣</view>

          <view class="u-font30">-¥ {{ discount_amount }}</view>
        </view>
        <view class="u-flex-center-sb u-border-one-one pt-pb25 pl-pr8">
          <view><text class="iconfont3 final_consumption_value-icon">&#xe603;</text>消费补贴</view>

          <view class="u-AAAAAA u-font30">
            <!-- <text
              class="final_consumption_value">{{ $mUtil.isToFixed(final_consumption_value, 2) }}</text> 贡献值 -->
              <rich-text :nodes="$mUtil.isToFixed(final_consumption_value, 2)"></rich-text>
              </view>
        </view>
        <view class="u-flex-center-sb u-border-one-one pt-pb25 pl-pr14" v-if="first_order_reduced > 0">
          <view>
            首单优惠
            <text class="u-font24"></text>
          </view>
          <view class="u-font30">-¥ {{ first_order_reduced }}</view>
        </view>
        <view class="u-flex-center u-border-one-one pt-pb25 pl-pr14" style="justify-content: flex-end">
          <view class="">共{{ goodNum }}件商品，小计</view>
		  <!-- u-bold -->
          <view class="u-FF721B">
            <rich-text :nodes="$mUtil.priceBigSmall(total_amount)"></rich-text>
          </view>
        </view>
        <view class="u-flex-column-start pt-pb25 pl-pr14">
          <view>购买备注</view>
          <view class="boxTextarea">{{ user_remark ? user_remark : '无' }}</view>
        </view>
		 <!-- class="upb120" -->
		<view class="u-ptb30">
		  <view class="u-font28 u-1A1A1A u-mt30 bg-fff">
		    <view class="u-flex-center-sb u-plr30 pt-pb25 pl-pr14">
		      <view>支付金额</view>
			   <!-- u-bold -->
		      <view class="u-FF721B u-font32">
		        <rich-text :nodes="$mUtil.priceBigSmall(total_amount)"></rich-text>
		      </view>
		    </view>
		  </view>
		  <view class="u-font28 u-1A1A1A u-mt30 bg-fff">
		    <view class="u-flex-center-sb u-plr30 pt-pb25 pl-pr14">
		      <view>订单编号</view>
		      <view class="u-font3">{{ order_code }}</view>
		    </view>
		    <view class="u-flex-center-sb u-plr30 pt-pb25 pl-pr14">
		      <view>下单时间</view>
		      <view class="u-474747">{{ format_order_time }}</view>
		    </view>
		    <view class="u-flex-center-sb u-plr30 pt-pb25 pl-pr14" v-if="payment_status >= 1 || payment_status < 0">
		      <view>支付时间</view>
		      <view class="u-474747">{{ format_pay_time }}</view>
		    </view>
		    <view class="u-flex-center-sb u-plr30 pt-pb25 pl-pr14" v-if="payment_status >= 1 || payment_status < 0">
		      <view>支付方式</view>
		      <view class="u-474747" v-if="pay_mode == 0">余额</view>
		      <view class="u-474747" v-if="pay_mode == 1">微信</view>
		      <view class="u-474747" v-if="pay_mode == 2">支付宝</view>
		    </view>
		    <view class="bg-fff u-mt30 u-plr30 pt-pb25 pl-pr14 u-flex-center-sb" v-if="status < 3 && groupNumber > 0"
		      @click="openPopup">
		      <view class="u-flex-center">
		        <image class="u-avatar92" v-if="teamInfo.head_photo" :src="teamInfo.head_photo"></image>
		        <image class="u-avatar92" v-else :src="imgUrl + '/head-on.png'" mode=""></image>
		        <view class="u-ml30">
		          <view class="u-font28 u-1A1A1A u-text-width-two">拼主：{{ teamInfo.nickname || teamInfo.mobile }}</view>
		          <view class="u-mt5 u-font24 u-474747">
		            还差
		            <text class="u-FF721B">{{ groupNumber }}</text>
		            人拼成
		          </view>
		        </view>
		      </view>
		      <view class="iconfont u-474747">&#xe6c7;</view>
		    </view>
		    <view class="u-flex-center-sb u-plr30 pt-pb25 pl-pr14" v-if="payment_status >= 2 && address">
		      <view>配送方式</view>
		      <view class="u-474747">{{ freighMoney }}</view>
		    </view>
		
		    <view class="u-flex-center-sb u-plr30 pt-pb25 pl-pr14" v-if="payment_status >= 2">
		      <view>发货时间</view>
		      <view class="u-474747">{{ format_last_ship_time }}</view>
		    </view>
		
		    <view class="u-flex-center-sb u-plr30 pt-pb25 pl-pr14" v-if="payment_status >= 4">
		      <view>收货时间</view>
		      <view class="u-474747">{{ format_last_receipt_time }}</view>
		    </view>
		    <!--       <view
		      class="u-flex-center-sb u-plr30 pt-pb25"
		      v-if="payment_status >= 4"
		    >
		      <view>获得积分</view>
		      <view class="u-999">可获得{{ final_consumption_value }}积分</view>
		    </view> -->
		  </view>
		</view>
      </view>
    </view>
    <view style="height: 30rpx;"></view>
    <!--待付款-->
    <view class="bg-fff u-mt30 btn u-flex" v-if="payment_status == 0 && close_mode == 0 && !end">
      <button class="cancel-btn u-br-999 u-474747" @click="cancelOrder">取消订单</button>
      <button class="pay-btn u-br-f00 u-FF721B" @click="goPay(orderid, total_amount, expired_pay_time)">去付款</button>
    </view>
    <!-- <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status==0&&close_mode==1">
			<view class="u-flex-center u-mr25">
				<button class="u-order-btn u-br-999 u-999 ">再次购买</button>
			</view>
		</view>
		<view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status==0&&close_mode==2">
			<view class="u-flex-center u-mr25">
				<button class="u-order-btn u-br-999 u-999 ">再次购买</button>
			</view>
		</view>
		<view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status==0&&close_mode==3">
			<view class="u-flex-center u-mr25">
				<button class="u-order-btn u-br-999 u-999 ">再次购买</button>
			</view>
		</view> -->
    <!--等待商家发货-->
    <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status == 1 && !end">
      <view class="u-flex-center u-mr25">
        <!-- <button class="u-order-btn u-br-999 u-999 " @click="goRefundType(1)">申请售后</button> -->
        <button class="u-order-btn u-br-999 u-474747" @click="goPhone(mobile)">联系客服</button>
        <!-- <button class="u-order-btn u-br-f00 u-FF0000 " v-if="shipment_mode==0" @click="changeAddress">修改地址</button> -->
      </view>
    </view>
    <!--商家已发货-->
    <view class="bg-fff u-mt30 u-plr30 btn ptb22 u-flex-column-end" v-if="payment_status == 2 && !end">
      <view class="u-flex-center">
        <button class="u-order-btn u-br-999 u-474747" @click="goLogistics">查看物流</button>
        <button class="u-order-btn u-br-f00 u-FF721B u-mr25" @click="sureGetOrder">确认收货</button>
      </view>
    </view>
    <!-- <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status==5">
			<view class="u-flex-center u-mr25">
				<button class="u-order-btn u-br-999 u-999 " @click="goRefundType(2)">申请售后</button>
			</view>
		</view> -->
    <!--等待确认提货-->
    <!-- <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end"  v-if="payment_status==5">
				<button class="u-order-btn u-br-999 u-999 u-mr30">再次购买</button>
		</view> -->
    <!--已付款，待发货！-->
    <!-- <view class="bg-fff u-mt30 pt28-pb24 btn u-plr30">
				<button class="u-btn-two u-bg-00321E u-FFF">查看物流</button>
		</view> -->
    <!--申请退货，商家同意退货-->
    <!-- <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end"   v-if="payment_status==8||payment_status==10">
				<button class="u-order-btn u-br-999 u-999 u-mr30" @click="logisticsOpen()">填写物流信息</button>
		</view> -->

    <!--邀请拼团-->
    <uniPopup type="top" ref="topUniPopup">
      <view class="u-bg-fff group-booking-popup">
        <view class="u-plr30">
          <view class="time">
            <uni-countdown style="text-align: center;" :backgroundColor="'none'" :color="'#FF721B'"
              :splitorColor="'#FF721B'" :show-day="time1[0] > 0" :day="time1[0]" :hour="time1[1]" :minute="time1[2]"
              :second="time1[3]"></uni-countdown>
          </view>
          <view class="u-flex-column-center" style="margin-top: 5rpx;">
            <view class="u-flex mt42">
              <view class="initiator" v-for="item in team" :key="item.id">
                <image v-if="index < 3 && item.head_photo" class="u-avatar92" :src="item.head_photo"></image>
                <image v-else class="u-avatar92" :src="imgUrl + '/head-on.png'" mode=""></image>
                <view class="tag u-font24 " v-if="index < 3 && item.leader">拼主</view>
              </view>
              <view class="tar u-ml10">?</view>
            </view>
          </view>
          <view class="u-mt50 u-font28 u-474747">还差{{ groupNumber }}人，赶快邀请好友来拼单</view>
          <view class="invite" @click="share"><button open-type="share" class="u-btn-two u-FFF">邀请好友拼单</button></view>
        </view>
      </view>
    </uniPopup>

    <!--弹窗评价-->
    <uniPopup type="bottom" ref="uniPopup">
      <view class="popup">
        <view class="u-flex-sb u-plr30">
          <view class="u-flex">
            <image class="pic" :src="choseGoods.goods_img"></image>
            <view class="u-ml30 wt378">
              <view class="u-474747 u-font28">{{ choseGoods.goods_title }}</view>
              <view class="u-AAAAAA u-font22 u-mt10" v-if="choseGoods.sku_set_name">规格：{{ choseGoods.sku_set_name }}</view>
              <view class="u-mt10 u-flex-center">
                <view class="u-FF721B u-font32">
                  <rich-text :nodes="$mUtil.priceBigSmall(choseGoods.sale_price)"></rich-text>
                </view>
                <text class="u-ml10 u-999 u-font24">x {{ choseGoods.number }}</text>
              </view>
            </view>
          </view>
          <view class="iconfont u-999" @click="close">&#xe607;</view>
        </view>
        <view class="u-bg-fff u-plr30 u-mt5">
          <view class="pt-pb25 pl-pr14 u-font28 u-flex-center">
            <text>总体评价：</text>
            <view>
              <text v-for="(item, index) in 5" :key="index" @click="startNum(index)" class="iconfont u-font34"
                :class="gradeNum > item ? 'grade-active' : 'u-B3B3B3'">
                &#xe60a;
              </text>
            </view>
          </view>
          <view class="u-font26"><textarea class="u-font26" @input="textareaInput" :value="textareaVal"
              placeholder="请输入文字评价" placeholder-class="cccfont"></textarea></view>
          <view class="u-mt25 u-font30">添加图片</view>
          <view class="u-mt25">
            <uploadImg imgCount="6" :type="upimgtype" :imgArr="imgArray" url="" @result="resultUrl" @delImg="delImg">
            </uploadImg>
          </view>
          <view class="evaluate-submit" @click="submitCom"><button class="u-btn-two">确认提交</button></view>
        </view>
      </view>
    </uniPopup>
    <!--页面加载动画-->
    <ldLoading isFullScreen :active="loading"></ldLoading>
    <share ref="shares" :contentHeight="580" v-if="isvisible"></share>
  </view>
</template>

<script>
  import ldgoods from '../../../components/ld-goods/ld-goods.vue';
  import ldAddress from '../../../components/ld-address/ld-address.vue';
  import ldAddresszt from '../../../components/ld-address/ld-addresszt.vue';
  import uniPopup from '../../../components/uni-popup/uni-popup.vue';
  import uploadImg from '../../../components/uploadImg/imgUpload.vue';
  import ldshop from '../../../components/ld-shop/ld-shop.vue';
  import share from './../../public/share';
  export default {
    components: {
      ldAddress,
      ldAddresszt,
      uniPopup,
      uploadImg,
      ldgoods,
      ldshop,
      share
    },
    data() {
      return {
        upimgtype: 'comment',
        final_consumption_value: 0,
        payment_status: null, //0:待付款,1:待发货
        expired_pay_time: null, //订单剩余支付时间
        time2: [0, 0, 0, 0],
        total_amount: null, //总金额
        orderid: null,
        goods_amount: null, //商品价格
        first_order_reduced: 0, //首单优惠多少
        real_freight: null, //配送费
        discount_amount: null, //商品会员折扣
        pay_mode: null, //（0余额，1微信，2支付宝）
        order_code: null, //订单编号
        format_order_time: null, //下单时间
        format_pay_time: null, //支付时间
        format_last_ship_time: null, //发货时间
        format_last_receipt_time: null, //收货时间
        receipt_expire_time: '', //自提包裹时间
        freighMoney: null, //物流公司
        goodNum: null, //数量
        shipment_mode: 0,
        pickCode: '', //核销码
        original_goods_amount: null, //原价
        total_reduced: null, //vip优惠
        vipcode: '',
        shopStatus: false,
        loading: true,
        config: {
          back: true, //false是tolbar页面 是则不写
          title: '订单详情',
          color: '#fff',
          //背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
          backgroundColor: [1, '#FF721B'],
          statusBarFontColor: '#1A1A1A'
        },
        isSubmit: false,
        index: 0,
        mobile: '',
        end: false,
        logImg: '', //物流图片
        address: null,
        addresszt: null,
        last_ship_time: 0, //发货时间
        last_receipt_time: 0, //收货时间
        orderList: [],
        orderListPay: [],
        source_shop_name: '',
        user_remark: '', //备注
        payStatus: '',
        goodsid: null, //评价商品的id
        choseGoods: {},
        textareaVal: '',
        upimg: [],
        imgArray: [],
        gradeNum: 0,
        close_mode: 0, //0未关闭,1用户撤销关闭,2商家撤销关闭,3支付过期关闭,4退货成功,5退款成功,6支付成功,但条件已经不允许购买,发生自动退款关闭,7自提过期
        marketing_type: null, //活动类型 1 秒杀  2 拼团
        team: [], //团成员列表
        teamInfo: null, //团主信息
        groupNumber: 0, //还差多少人成团
        status: null, //当前团状态
        member_rights_type: null, //订单是否维权 0 没有维权 1 团过期维权2 成团后维权
        rights_status: null, //订单维权状态 0 没有1 维权中 2 完成  3 失败
        time1: [0, 0, 0, 0],
        activity_goods_id: null,
        shop_id: null,
        teamId: null,
        isvisible: false,
        imgUrl: this.$mConfig.staticUrl
      };
    },
    onShareAppMessage(res) {
      if (res.from === 'button') {
        // 来自页面内分享按钮
      }
      return {
        title: this.shareTitle,
        imageUrl: this.shareImg,
        path: `/pages/product/goods/puzzleGoods?id=${this.activity_goods_id}&Sshopid=${this.shop_id}&teamId=${this.teamId}`
      };
    },
    onLoad(options) {
      if (options.id) {
        this.orderid = options.id;
        this.payStatus = options.status;
        this.groupId = options.groupId;
      }
      if (this.payStatus == 'pay') {
        this.orderDetail(this.orderid, this.groupId);
      }
      if (this.payStatus == 'waitpay') {
        this.orderDetailPay(this.orderid);
      }
    },

    methods: {
      share() {
        let user = uni.getStorageSync('personal');
        this.isvisible = true;

        this.$nextTick(() => {
          this.$refs.shares.shareInfo(
            '/?pageType=1&type=3&id=' + this.activity_goods_id + '&shareId=' + user.id + '&teamId=' + this.teamId,
            'pages/down',
            this.orderList[0].goods_title,
            '',
            this.orderList[0].goods_img
          );
        });
      },
      openPopup() {
        this.$refs.topUniPopup.open();
      },
      goProductDetails(id, shopid) {
        uni.navigateTo({
          url: '/pages/product/goods/goods?id=' + id + '&shopid=' + shopid
        });
      },
      //复制
      copy(code) {
        uni.setClipboardData({
          data: code,
          success: () => {
            uni.showToast({
              title: '复制成功'
            });
          }
        });
      },
      goPhone(phone) {
        if (phone) {
          uni.makePhoneCall({
            phoneNumber: phone //仅为示例
          });
        }
      },
      restCom() {
        this.textareaVal = '';
        this.gradeNum = 0;
      },
      //提交评价
      submitCom() {
        if (this.gradeNum == 0) {
          this.$mUtil.toast('请评价星星');
        } else if (this.textareaVal == '') {
          this.$mUtil.toast('请输入文字评价');
        } else {
          let imgs = '';
          if (this.upimg.length > 0) {
            imgs = this.upimg.join(',');
          } else {
            imgs = '';
          }
          let data = {
            chlid_order_id: this.goodsid,
            order_id: this.orderid,
            level: this.gradeNum,
            content: this.textareaVal,
            img: imgs
          };
          this.$http.post('/comment/orderGoods/savegeneralgoods', data).then(res => {
            if (res && res.code == 200) {
              this.$mUtil.toast('评价成功');
              this.$refs.uniPopup.close();
              setTimeout(() => {
                uni.reLaunch({
                  url: '/pages/order/orderList/orderList'
                });
              }, 1000);
            }
          });
        }
      },
      textareaInput(e) {
        this.textareaVal = e.detail.value;
      },
      resultUrl(e) {
        if (e) {
          this.upimg = e;
        }
      },
      delImg(e) {
        if (e) {
          this.upimg = e;
        }
      },
      startNum(index) {
        this.gradeNum = index * 1 + 1;
      },
      //评价
      parentevaluation(data) {
        this.choseGoods = this.orderList[data.keys];
        this.goodsid = data.id;
        this.$refs.uniPopup.open();
      },
      //确认收货
      sureGetOrder() {
        uni.showModal({
          title: '提示',
          content: '确定已经收到了该商品？',
          success: res => {
            if (res.confirm) {
              this.$http.post('/order/receipt', {
                order_id: this.orderid
              }).then(res => {
                if (res && res.code == 200) {
                  this.$mUtil.toast('收货成功');
                  setTimeout(() => {
                    uni.reLaunch({
                      url: '/pages/order/orderList/orderList'
                    });
                  }, 1000);
                }
              });
            } else if (res.cancel) {}
          }
        });
      },
      //选完地址回选
      otherFun(object) {
        if (!!object) {
          this.$http.put((this.payStatus == 'pay' ? '/order/update-receipt/' : '/order/update-receipt-payorder/') + this
            .orderid + '/' + object.addressid).then(res => {
            if (res && res.code == 200) {
              this.$mUtil.toast('修改成功');
              if (this.payStatus == 'pay') {
                this.orderDetail(this.orderid, this.groupId);
              }
              if (this.payStatus == 'waitpay') {
                this.orderDetailPay(this.orderid);
              }
            }
          });
        }
      },
      //修改地址
      changeAddress() {
        uni.navigateTo({
          url: '/pages/user/address/addressList'
        });
      },
      //取消订单
      cancelOrder() {
        uni.showModal({
          title: '提示',
          content: '确定取消该订单吗？',
          success: res => {
            if (res.confirm) {
              this.$http.post('/order/cancel-pay/' + this.orderid).then(res => {
                if (res && res.code == 200) {
                  this.$mUtil.toast('取消成功');
                  setTimeout(() => {
                    uni.reLaunch({
                      url: '/pages/order/orderList/orderList'
                    });
                  }, 1000);
                }
              });
            } else if (res.cancel) {}
          }
        });
      },
      orderDetail(id, groupId) {
        this.$http.get('/groupbuy/team/teamorder/' + groupId).then(res => {
            if (res && res.code == 200) {
              this.status = res.data.team.status; //团状态
              this.team = res.data.member_infos;
              this.teamInfo = this.team.filter(val => val.leader == true)[0];
              console.log(this.teamInfo);
              this.groupNumber = res.data.team.group_person_number - this.team.length;
              this.teamId = res.data.team.id;
              if (res.data.order)
                this.time1 = this.$mUtil
                .countDown(Math.floor(res.data.team.end_time / 1000))
                .split(':')
                .map(val => Number(val));
            }
          }),
          this.$http.get('/order/info/' + id).then(res => {
            this.loading = false;
            if (res && res.code == 200) {
              let target = res.data;

              this.mobile = target.shop.customer_service_phone;
              this.final_consumption_value = target.final_consumption_value;
              this.address = target.receipt;
              this.addresszt = target.shop;
              this.orderList = target.child_order_list;
              this.source_shop_name = target.source_shop_name;
              this.user_remark = target.user_remark;
              this.total_amount = target.total_amount;
              this.vipcode = target.user_role_name; //vipcode
              this.goods_amount = target.goods_amount; //商品价格
              this.original_goods_amount = target.original_goods_amount; //商品原价价格
              this.total_reduced = target.total_reduced; //vip优惠
              this.first_order_reduced = target.first_order_reduced; //首单优惠多少
              this.real_freight = target.real_freight; //配送费
              this.discount_amount = target.discount_amount; //商品会员折扣
              this.pay_mode = target.pay_mode; //（0余额，1微信，2支付宝）
              this.order_code = target.order_code; //订单编号
              this.format_order_time = target.format_order_time; //下单时间
              this.format_pay_time = target.format_pay_time; //支付时间

              this.format_last_ship_time = target.format_last_ship_time; //发货时间
              this.format_last_receipt_time = target.format_last_receipt_time; //收货时间
              this.last_ship_time = target.last_ship_time; //发货时间
              this.last_receipt_time = target.last_receipt_time; //收货时间
              this.goodNum = target.goods_number; //数量
              this.logImg = target.child_order_list[0].goods_img;
              this.last_comment_time = target.child_order_list[0].last_comment_time; //评价时间
              this.shipment_mode = target.shipment_mode;
              this.end = target.end;
              this.rights_status = target.rights_status;
              this.marketing_type = target.marketing_type;
              this.activity_goods_id = target.child_order_list[0].activity_goods_id;
              this.shop_id = target.child_order_list[0].shop_id;

              if (target.order_package) {
                this.receipt_expire_time = target.order_package.receipt_expire_time;
                if (target.order_package.express) {
                  this.freighMoney = target.order_package.express.express_name; //物流公司
                }
                if (target.order_package.pickup) {
                  this.pickCode = target.order_package.pickup.verification_code;
                }
              }

              if (target.rights_type == 0 && target.rights_status == 0) {
                if (target.transaction_status == 1) {
                  //待发货
                  this.payment_status = 1;
                }
                if (target.transaction_status == 3) {
                  //待收货
                  if (target.shipment_mode == 0) {
                    this.payment_status = 2;
                  } else {
                    this.payment_status = 3;
                  }
                }

                if (target.transaction_status == 5 && target.comment_status == 0) {
                  //交易完成未评价
                  this.payment_status = 4;
                }

                if (target.transaction_status == 5 && !target.end) {
                  //交易完成已评价
                  this.payment_status = 5;
                }
              }

              if (target.transaction_status == 6) {
                //关闭
                this.payment_status = 6;
              }
              //rights_type:0没有，1仅退款,2退款退货,rights_status:（0没有，1维权中，2完成）
              if (target.rights_type == 1 && target.rights_status == 1) {
                //退款维权中
                this.payment_status = -1;
              }
              if (target.rights_type == 1 && target.rights_status == 2) {
                //退款完成
                this.payment_status = -2;
              }
              if (target.rights_type == 2 && target.rights_status == 1) {
                //退款退货维权中
                this.payment_status = -3;
              }
              if (target.rights_type == 2 && target.rights_status == 2) {
                //退款退货完成
                this.payment_status = -4;
              }
            }
          });
      },
      orderDetailPay(id) {
        this.$http.get('/pay/order/sale-detail/' + id).then(res => {
          this.loading = false;
          if (res && res.code == 200) {
            let target = res.page.order_list[0];
            this.address = res.page.receipt;
            this.addresszt = res.page.self_take_shop;
            this.orderListPay = res.page.order_list;
            if (res.page.pay_order.payment_status != 5) {
              this.payment_status = 0;
            } else {
              this.payment_status = res.page.pay_order.payment_status;
            }

            // this.expired_pay_time = res.page.pay_order.expired_pay_time;
            this.time2 = this.$mUtil
              .countDown(res.page.pay_order.expired_pay_time / 1000, res.page.pay_order.now_millis)
              .split(':')
              .map(val => Number(val));

            this.total_amount = res.page.pay_order.total_amount;
            this.close_mode = res.page.pay_order.close_mode;
            this.user_remark = target.user_remark;

            // this.goods_amount=target.goods_amount//商品价格
            // this.first_order_reduced=target.first_order_reduced//首单优惠多少
            // this.real_freight=target.real_freight//配送费
            this.pay_mode = target.pay_mode; //（0余额，1微信，2支付宝）
            this.order_code = target.order_code; //订单编号
            this.format_order_time = target.format_order_time; //下单时间
            this.format_pay_time = target.format_pay_time; //支付时间
            this.format_last_ship_time = target.format_last_ship_time; //发货时间
            this.format_last_receipt_time = target.format_last_receipt_time; //收货时间
          }
        });
      },
      close() {
        this.$refs.uniPopup.close();
        this.restCom();
      },
      //支付页

      goPay(id, total_amount, expired_pay_time) {
        uni.navigateTo({
          url: '../../order/pay?id=' + id + '&total_amount=' + total_amount + '&expired_pay_time=' +
            expired_pay_time + '&type=group'
        });
      },
      //申请售后
      goRefundType(i) {
        //i:1未发货，退款，2收到货退款/退货
        uni.setStorageSync('blackgoodsList', this.orderList);
        if (i == 1) {
          uni.navigateTo({
            url: 'applicationDrawback?keystatus=' + i + '&title=申请退款' + '&orderid=' + this.orderid
          });
        } else {
          uni.navigateTo({
            url: 'refundType?order_code=' + this.order_code + '&format_order_time=' + this.format_order_time +
              '&keystatus=' + i + '&orderid=' + this.orderid
          });
        }
      },
      //查看物流
      goLogistics() {
        uni.navigateTo({
          url: '../logistics?id=' + this.orderid + '&num=' + this.goodNum + '&img=' + this.logImg + '&type=1'
        });
      },
      //填写物流信息
      logisticsOpen() {
        this.$refs.logisticsOpen.open();
      },
      //选择快递
      deliveryPicker(e) {
        this.index = e.target.value;
      },
      //提交表单物流信息
      logisticsSubmit(e) {
        let target = e.detail.value;
        if (!target.deliveryOdd) {
          this.$mUtil.toast('请输入快递单号');
          return false;
        }
      }
    }
  };
</script>

<style lang="scss" scoped>
  // page {
  //   background-color: #f5f5f5;
  // }

  .container-bg {
  	padding: 20rpx 30rpx 40rpx 30rpx;
  	background: linear-gradient(to bottom, #faba92 0%, #F6F6F6 98%);
  }
  
  .pl-pr14 {
	padding-left: 14rpx;
    padding-right: 14rpx;
  }
  
  .pl-pr8 {
  	padding-left: 8rpx;
    padding-right: 8rpx;
  }

  .uni-countdown-class {
    height: 32rpx;

    /deep/.uni-countdown__splitor {
      margin-top: -6rpx;
    }
  }

  .cccfont {
    font-size: 26rpx;
    color: #eee;
  }

  .grade-active {
    color: #ff5112;
  }

  .u-B3B3B3 {
    color: #b3b3b3;
  }

  .user_remark {
    background-color: #fff;
    padding: 30rpx;
    border-top: 1px solid #eee;
  }

  .boxTextarea {
    width: 100%;
    border: 1px solid #ededed;
    border-radius: 20rpx;
    background-color: #fafafa;
    padding: 20rpx;
    box-sizing: border-box;
    margin-top: 20rpx;
  }

  .pabox {
   background-color: #fff;
   padding: 30rpx 30rpx 0 30rpx;
   margin: 0 30rpx 104rpx 30rpx;
   border-radius: 40rpx;

    .final_consumption_value {
      color: #FF6600;
    }

    .final_consumption_value-icon {
      font-size: 40rpx;
      color: #FF9651;
    }
  }

  .upb120 {
    padding-bottom: 140rpx;
  }

  .bg-fff {
    background-color: #ffffff;
  }

  .ptb22 {
    padding-top: 22rpx;
    padding-bottom: 22rpx;
  }

  .pt-pb25 {
    padding-top: 25rpx;
    padding-bottom: 25rpx;
  }

  .pt28-pb24 {
    padding-top: 28rpx;
    padding-bottom: 24rpx;
  }

  .iconfont58 {
    font-size: 58rpx;
  }

  .mt44 {
    margin-top: 44rpx;
  }

  .ml38 {
    margin-left: 38rpx;
  }

  .ml82 {
    margin-left: 82rpx;
  }

  .wt378 {
    width: 378rpx;
  }

  .wt504 {
    width: 504rpx;
  }

  .u-br-999 {
    border: 1px solid #e6e6e6;
  }

  .u-br-f00 {
    border: 1px solid #FF721B;
  }

  .bg-00321e {
    background: #FF721B;
  }

  .account-paid {
    padding: 44rpx 0rpx;
  }

  .account-paid image {
    width: 202rpx;
    height: 124rpx;
  }

  .btn {
    width: 100%;
    position: fixed;
    bottom: 0rpx;
    padding: 22rpx 0rpx;
	border-radius: 20rpx 20rpx 0 0;
  }

  .cancel-btn {
    margin-left: auto;
  }

  .cancel-btn,
  .pay-btn {
    width: 202rpx;
    height: 70rpx;
    line-height: 70rpx;
    border-radius: 35px;
    font-size: 28rpx;
    margin-right: 30rpx;
  }

  .top-state {
    // background-color: #F2F5FC;
    // color: #3775F6;
    // padding: 35rpx 30rpx;
	color: #FF721B;

    // 待支付
    .obligation {
      display: flex;
      justify-content: space-between;
	  padding: 35rpx 30rpx;

      .timeImg {
        display: none;
        width: 70rpx;
        height: 54rpx;
        margin-right: 40rpx;
      }
    }
  }

  .address {
    background-color: #ffffff;
    padding-top: 72rpx;

    .linkman {
      padding-bottom: 34rpx;
    }

    .remark {
      padding: 35rpx 0rpx 35rpx 50rpx;
    }
  }

  //弹窗填写物流信息
  .logisticsPopup {
    background-color: #ffffff;
    width: 100%;
    border-radius: 20rpx;

    .pd {
      padding: 15rpx 98rpx 68rpx;
    }

    input {
      height: 70rpx;
      line-height: 70rpx;
      border: 1rpx solid #cccccc;
      border-radius: 15rpx;
      padding-left: 8rpx;
      color: #999999;
    }

    .icon {
      margin-top: -65rpx;
    }

    .pl-pr {
      padding-left: 74rpx;
    }

    button {
      margin-top: 66rpx;
      background-color: #01331f;
      width: 345rpx;
    }
  }

  .group-booking-popup {
    //margin-top: 128rpx;
    padding-top: 40rpx;
    padding-bottom: 65rpx;
    text-align: center;

    .initiator {
      position: relative;

      .tag {
        position: absolute;
        top: -20rpx;
        left: -30rpx;
        right: 0;
        background-color: #FF721B;
        border: 4rpx solid #FF721B;
        border-radius: 20rpx;
        width: 68rpx;
        height: 40rpx;
        line-height: 30rpx;
        text-align: center;
        color: #dac6a1;
      }
    }
  }

  .tar {
    border: 2rpx dashed #999;
    width: 92rpx;
    height: 92rpx;
    line-height: 92rpx;
    border-radius: 50rpx;
  }

  .time {
    margin-top: 38rpx;
    width: 148rpx;
    height: 48rpx;
    margin-left: 40%;
    background: #f5f5f5;
    border-radius: 10rpx;
  }

  .invite {
    margin-top: 38rpx;

    button {
      background-color: #FF721B;
    }
  }

  // 弹窗评价
  .popup {
    background-color: #f5f5f5;
    width: 100%;
    border-radius: 18rpx 18rpx 0px 0px;
  }

  .u-flex-sb {
    display: flex;
    justify-content: space-between;
    padding-top: 30rpx;
    padding-bottom: 30rpx;
    background-color: #ffffff;
    border-radius: 18rpx 18rpx 0px 0px;

    .pic {
      width: 155rpx;
      height: 155rpx;
    }
  }

  textarea {
    width: 100%;
    height: 210rpx;
    opacity: 0.66;
    border: 1rpx solid #e6e6e6;
    border-radius: 8rpx;
    padding-left: 22rpx;
    padding-top: 14rpx;
    box-sizing: border-box;
  }

  .evaluate-submit {
    margin-top: 58rpx;
    padding-bottom: 25rpx;
  }

  .evaluate-submit button {
    background-color: #FF721B;
    color: #ffffff;
  }
</style>
